<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
   <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
   
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>月报详情</title>
</head>
<body>
<script type="text/javascript">
$(function(){
	//初始化表格
	$('#table1').datagrid({
		url:'xiang',
		singleSelect:true,
		columns:[[
			{field:'sta',title:'#',width:28,align:'center'},
			{field:'date',title:'日期',width:120,align:'center'},
			{field:'dao',title:'签到时间',width:120,align:'center'},
			{field:'tui',title:'签退时间',width:120,align:'center'},
			{field:'shichu',title:'实际出勤（/天）',width:140,align:'center'},
			{field:'ban',title:'今日情况',width:150,align:'center'},
			{field:'why',title:'补卡理由',width:200,align:'center'},
			{field:'type',title:'类型',width:120,align:'center',
				styler: function(value,row,index){
					if (value=="上班"){
						return 'color:red;font-size:20px;';
					}else{
						return 'color:#0065ff8a;font-size:20px;';
					}
				}}
		]]
	});
	$("#fanhui").click(function(){
		$("#content-admin").panel({
			href:"kq-attendance-month"
		});
	});
});
</script>
<style type="text/css">
	.index-body1{
		padding: 20px;
    	background-color: #f3f3f3;
    	padding-bottom: 30px;
	}
	.index-body2{
		width: 100%;
	    height: 100%;
	    background-color: #fff;
	}
	.index-body3{
		min-width: 950px;
	     padding: 20px;
	    position: relative;
	}
	.title-left{
		display: inline-block;
	    float: left;
	    height:30px;
	    line-height:50px;
	    margin-bottom:15px;
	    margin-right: 5px;
	    font-size: 12px;
	   	color: gray;
	}
	.title-left span{
		color: #19AA8D;
	    font-size: 14px;
	    font-weight: 700;
	}
	.title-right{
		float: right;
		margin-bottom: 5px;
	}
	.title-right div{
		float: left;
		margin-right: 20px;
	}
	.title-right div input{
		background-color: inherit;
		height: 22px;
	    padding: 0 4px;
	    font-size: 12px;
	    border-radius: 2px;
	    border: 1px solid #eee;
	}
	.title-right-btn{
		padding: 2px 8px 1px 8px;
    	font-size: 12px;
    	border-radius: 3px;
    	color: #666;
    	background-color: #fff;
    	border-color: #e5e6e7;
	}
	.datagrid-header-row td{
		background: #6666661a;
		color: #19AA8D;
	    font-size: 14px;
	    font-weight: 700;
	    text-align: center;
	}
	.datagrid-row td{
		background: #fff;
		font-size: 12px;
		text-align: center;
	}
	ul{
	list-style:none;
	}
	.top-se>li,.date-search{
	float:left;
	padding-right: 5px;
    padding-left: 5px;
	}
	.top-se span{
		font-size: 12px;
		color: gray;
	}
	.textbox{
		height: 25px;
	}
	.btn-bottom{
		width: 210px;
	    height: 30px;
	    margin: 30px auto;
	    display: block;
	}
	.fanhui{
		padding-left: 20px;
    	background: url(static/easyui/themes/icons/fanhui.png) no-repeat 5% 50%;
    	background-color: #F4A328;
    	color: white;
   		cursor: pointer;
    	margin: 5px auto;
    	border: none;
	}
</style>
<div class="index-body1">
	<div class="index-body2">
			<div class="index-body3">
				<div class="title">
					<div class="title-left"> 
						<span>姓名：</span>
						<a>${pojos.Staff_name }</a>
						<span>部门：</span>
						<a>${pojos.depart_name }</a>
					</div>
				</div>
				<div class="body-table">
					<table id="table1" class="easyui-datagrid" data-options="width:1023,height:900">

					</table>
				</div>
				<div class="btn-bottom">
					<button id="fanhui" class="fanhui">返回</button>
				</div>
			</div>
		</div>
	
</div>
</body>
</html>